<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>前端开发</title>
<script src="PUBLIC_HOME/js/jquery.js"></script>
<link href="PUBLIC_HOME/css/comment.css" rel="stylesheet">
<style>
.about{  }
.aboutbox{ width:1000px; margin-left:auto; margin-right:auto;}
.abouttitle{ width:230px; height:74px; margin-bottom:50px; margin-top:60px; float:left;} 
 
.aboutmain{ padding-bottom:100px;}
.aboutmainbox{ width:1000px; margin-left:auto; margin-right:auto; padding-bottom:30px;}
.aboutline{ width:1000px; height:1px;  background-color:#e1e1e1; margin-bottom:30px;}
.aboutimg{ width:400px; height:280px; float:left; position:relative; overflow:hidden;}
.ctrl{ position:absolute; left:10px; bottom:10px;}
.ctrl span{ width:10px; height:10px; margin-right:6px; background-color:#FFF; float:left; border-radius:50%;}
.ctrl .current{ background-color:#09a8df;}
.ctrl span:hover{ background-color:#09a8df;}
.abouttext{ width:540px; height:220px; padding:30px; background-color:#32000a; float:left; font-family:huawenxingkai; font-size:14px; line-height:28px; color:#FFF; text-indent:2em;}
.aboutwhytitle{ background-image:url(PUBLIC_HOME/images/wenhao.png); background-repeat:no-repeat; background-position:center left;  color:#393737; font-family:"微软雅黑"; font-weight:bold; font-size:24px; line-height:36px;}
.aboutwhytitle1{ background-image:url(PUBLIC_HOME/images/gandanhao.png); background-repeat:no-repeat; background-position:center left;  color:#393737; font-family:"微软雅黑"; font-weight:bold; font-size:24px; line-height:36px;}
.aboutwhytext{ font-family:"宋体"; font-size:14px; line-height:24px;  color:#393737; padding-top:8px; text-indent:2em;}

</style>
</head>

<body>
<!-- 头部开始 -->
<include file="Public/top"/>

<!-- 头部结束 -->
<div class="about"> 
    <div class="aboutbox overflowH">
        <div class="abouttitle">
            <div class="maintitle">{$object[0]['object_name']}</div>
            <div class="englishtitle">Object</div>
            <div class="englishtitlesmall">Who&nbsp;are&nbsp;we</div>
            <div class="smalltitle">{$object[0]['object_title']}</div>
        </div>
        <div class="aboutcurrent"><a href="#">当前位置：{$object[0]['object_name']}</a></div>
    </div>  
</div>

<div class="aboutmain">
  <volist name="object" id="objects">         
    <div class="aboutmainbox overflowH">
        <div class="aboutline"></div>        
        <div class="aboutwhytext">{$objects['object_content']}</div>   
    </div>
  </volist>
</div>

<div class="footer">
  <div class="footerbox overflowH">
  
      <div class="links">
        <h1>友情链接</h1>
        <h1>Links</h1>
      </div>
      <div class="linksa">
          <a href="#">CGHUB&nbsp;&nbsp;  |&nbsp;&nbsp;</a>
          <a href="#">CGSOCIETY &nbsp;&nbsp; |&nbsp;&nbsp; </a> 
          <a href="#">VANGAVFX &nbsp;&nbsp; |&nbsp;&nbsp;</a> 
          <a href="#"> MODUS &nbsp;&nbsp; |&nbsp;&nbsp; </a>
          <a href="#">HOUDINI &nbsp;&nbsp; |&nbsp;&nbsp;</a>
          <a href="#">     PIXOLOGIC &nbsp;&nbsp; |&nbsp;&nbsp;</a> 
          <a href="#">     AUTODESK &nbsp;&nbsp; |&nbsp;&nbsp; </a> 
          <a href="#">     优酷&nbsp;&nbsp;  |&nbsp;&nbsp;</a> 
          <a href="#">      VERYCD  新浪&nbsp;&nbsp;  |&nbsp;&nbsp;</a> 
          <a href="#">     广州联雅网&nbsp;&nbsp;|&nbsp;&nbsp;</a>
          <a href="#"> 百度&nbsp;&nbsp;  |&nbsp;&nbsp;</a>  
          <a href="#"> 阿里巴巴&nbsp;&nbsp;  |&nbsp;&nbsp;</a>
      </div>
      <div class="footerline"></div>
      <div class="links">
        <h1>联系我们</h1>
        <h1>Contact</h1>
      </div>
      <div class="linksa">
           <ul class="contactleft">
             <li>销售热线：4006-854-855</li>
             <li>VIP 专线：0775-2955 6666</li>
             <li>  电子邮箱：18360296@pe168.com</li>
             <li>  公司地址：广州市天河区广州大道中900号501房之自编D07单位</li>
           </ul>
      </div>
      <div class="weixin"> <a href="#"><img src="PUBLIC_HOME/images/photo_123.png"></a></div> 
     
  </div> 
</div> 

<div class="copyright">
  <div class="copyrightbox">
    <div class="copyrighta"> Copyright&nbsp;&nbsp;&copy;&nbsp; 2009-2012 pe168.com 中国产品网版权所有</div>          
  </div>
</div> 
<div class="back"><img src="PUBLIC_HOME/images/back.png"></div>
 
<script>
/*导航*/ 
$(document).scroll(
	function(){
		if(toppos>10){
			$(".back").fadeIn();	
		}else if(toppos==0){
			$(".back").fadeOut();	
		}
	}
)
$(".back").click(
	function(){		 
		$("html,body").animate({scrollTop:0})
	}
)
$(".aboutimg img").hide().first().show();
$(".ctrl span").mouseenter(
                function(){
					$(this).addClass("current").siblings().removeClass("current");
					$(".aboutimg img").hide().eq($(this).index()).show();
					}
)

</script>
</body>
</html>
